<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>建桥学院</title>
		<style type="text/css">
			*{margin:0;
			  padding:0;}
			/*.all{
				width:100%;
				height:1294px;
				background:#4fa17d;
				margin:0 auto;*/	
		html,body{
			width:100%;
			height:100%;
			}
			/*.all{
				width:100%;height:100%;
			}*/
		 .box1{
				width:100%;
				height:36px;
				background:#e4e4e4;
			}
			.box1 a:hover{
				text-decoration:underline;
			}
			.box1 .header{
				width:1004px;
				height:36px;
				margin:0 auto;
				background:#e4e4e4;
			}
			.box1 li{
				height:36px;
				list-style:none;
				float:left;
				/*border:1px solid #ffffff;
				border-top:hidden;
				border-bottom:hidden;*/
				margin-left:15px;
				}
			.box1 li a{
				text-decoration:none;
				line-height:36px;
				text-align:center;
				color:#696969;
			}
			.box1 p{
				float:right;
				margin-top:5px;
			/* p标签下的input我没设置宽高这里是怎么弄的？需要给它设置宽高吗？*/
			
			}
			  .box1 p a{
			  	text-decoration:none;
			  	margin-right:10px;
			  	color:#696969;
			  }
			  .box1 img{
			  	float:right;
			  	margin-top:3px;
			  }
			 .box1 input{width:140px;
				height:20px;
			 	}
			.box2{
				width:100%;
				height:98px;
				background:#ffffff;
				overflow:hidden;
			}
			.box2 .main{
				width:1004px;
				height:98px;
				margin:0 auto;
				background:#ffffff;
			}
			.box2 .pic1{
				float:left;
				padding-left:15px;
				padding-top:20px;
			}
			.box2 .pic2{
				float:right;
				padding-right:29px;
				padding-top:5px;
			}
			.box3{
				width:100%;
				height:44px;
				background:#d92b34;
                }
			.box3 ul{
				width:1004px;
				height:44px;
				margin:0 auto;
				position:relative;
			}
			.box3 li{
				list-style:none;
				float:left;
				line-height:44px;
				text-align:center;
				width:100px;
				
			}
			.box3 li .menu1,.menu2,.menu3,.menu4,.menu5,.menu6,.menu7,.menu8{width:1000px;
			      height:310px;
			      background:#ffffff;
			      border:2px red solid;
			      border-top:none;
			      display:none;
			      position:absolute;
			      left:0;
			      top:44px;
			      }
			    .box3 a{
			    	text-decoration:none;
			    	display:block;
			    	text-align:center;
			    	list-style:none;
			    	color:#ffffff;
			    	
			    }
			    .box3 i{
			    	font-style:normal;
			    	}
			     .box3 li span{
			     	display:none;
			     	}
			    .box3 li:hover a{
			    	background:#fbf3f3;
			    	color:#000000;
			    	}
		.box3 li:hover .menu1{
			    		display:block;
			    	}
		.box3 li:hover .menu2{
			    		display:block;
			    	}
      .box3 li:hover .menu3{
			    		display:block;
			    	}
     .box3 li:hover .menu4{
			    		display:block;
			    	}
	.box3 li:hover .menu5{
			    		display:block;
			    	}
	.box3 li:hover .menu6{
			    		display:block;
			    	}
    .box3 li:hover .menu7{
			    		display:block;
			    	}
    .box3 li:hover .menu8{
			    		display:block;
			    	}
			  .box3 .menu1 .zimenu1{
			  	width: 400px;
			  	height: 310px;
			  	background:#003365;
			  	float:left;
			  	}
			  	 .box3 .menu1 .zimenu2{
			  	width: 600px;
			  	height: 310px;
			  	background:#f8f06b;
			  	float:left;
			  	}
			.box3 .zimenu3,.zimenu5,.zimenu7,.zimenu9,.zimenu11,.zimenu13,.zimenu15{
			width: 400px;
			  	height: 310px;
			  	background:#003365;
			  	float:left;	
			}
		.box3 .zimenu4,.zimenu6,.zimenu8,.zimenu10,.zimenu12,.zimenu14,.zimenu16{
			width: 600px;
			  	height: 310px;
			  	background:#f8f06b;
			  	float:left;
		}
			.box4{
				width:100%;
				height:328px;
				background:#e6e6e6;
				
			}
			 .box4 .main{
			 	width:1004px;
				height:328px;
				margin:0 auto;
				background:yellow;
				}
				.box4 .main img{
					width:1004px;
					height:328px;
				}
			.box5{
				width:100%;
				height:588px;
				background:#ffffff;
				border-bottom:5px solid #ff9c01;
				
			}
			.box5 .main{
			 	width:1004px;
				height:588px;
				margin:0 auto;
				background:#ffffff;
				}
			 .box5 .main .left{
			 	width:272px;
			 	height:588px;
			 	float:left;
			 	overflow:hidden;
		         }
		       .box5 .main .left .top{
		       	width:272px;
		       	height:250px;
		       } 
		       .box5 .main .left .top h2{
		       	font-weight:normal;	
		       	line-height:38px;
		       	margin-top:42px;
		       	border-bottom:2px solid #ececec;
		       }
		       .box5 .main .left .top img{
			  	width:272px;
			  	height:121px;
			  	margin-top:19px;
			  	display:block;
			  	}
			  	.box5 .main .left .top p{
			  		text-indent:1em;}
		       .box5 .main .left .bottom{
		       	width:272px;
		       	height:296px;
		       	
		       }
		      .box5 .main .left .bottom h2{
		       	font-weight:normal;	
		       	line-height:38px;
               border-bottom:2px solid #ececec;
		       } 
		       .box5 .main .left .bottom ul{
		       	margin-top:26px;
		       }
		      .box5 .main .left .bottom li{
		      	font-size:12px;
		      	line-height:24px;
		      	}  
			 .box5 .main .center{
			 	width:428px;
			 	height:588px;
			 	float:left;
                margin-left:30px;
                overflow:hidden;
			    }
			    .box5 .main .center .top{
			    	width:428px;
		       	height:250px;}
		       	.box5 .main .center .top  dt{
		       	font-weight:bold;
		       	text-align: left;	
		       	}
			    
			    .box5 .main .center .top h2{
		       	font-weight:normal;	
		       	line-height:38px;
               border-bottom:2px solid #ececec;
               margin-top:42px;
		       } 
		      .box5 .main .center .top .top1{
		     width:428px;
		     height:61px;
		     text-align:center;
		     margin-top:19px;
		 
		      }
		      .box5 .main .center .top .top1 dl{
		      	font-size:12px;
		      	line-height:20px;
		      	float:right;
		      	/*width:382px;*/
		      	
		      	}
		      .box5 .main .center .top .top1 .tp1{
		      	width:60px;
		     height:61px;
		    background:#c8141f; 
		     float:left;
		       color:#fefffd;}
		     .box5 .main .center .top .top1 .tp1 p{
		     	font-size:12px;
		     
		     	}
		      .box5 .main .center .top .top2{
		     width:428px;
		     height:61px;
		     text-align:center;
		     margin-top:13px;
		   
		      }
		      .box5 .main .center .top .top2 .tp2{
		      	width:60px;
		     height:61px;
		     background:#c8141f;
		     float:left;
		       color:#fefffd;}
		     .box5 .main .center .top .top2 .tp2 p{
		     	font-size:12px;
		     	
		     	}
		  .box5 .main .center .top .top2 dl{
		      	font-size:12px;
		      	line-height:20px;
		      	float:right;
		      	/*width:382px;*/
		      	}
		      	/*.box5 .main .center .bottom over*/
			    .box5 .main .center .bottom{
		       	width:428px;
		       	height:296px;
		       	
		       } 
            .box5 .main .center .bottom h2{
		       	font-weight:normal;	
		       	line-height:38px;
               border-bottom:2px solid #ececec;
		       } 
		     .box5 .main .center .bottom ul{
		       	margin-top:26px;
		       }
		      .box5 .main .center .bottom li{
		      	font-size:12px;
		      	line-height:24px;
		      	} 
		      	.box5 .main .center .bottom li span{
		      		float:right;}   
		    /*.box5 .main .center .bottom over*/
			 .box5 .main .right{
			 	width:242px;
			 	height:588px;
			 	float:right;
			 	
			 }
			 .box5 .main .right .right-top{
			 	width:242px;
			 	height:272px;
			    text-align:center;
			 	background:#ededed;
			 }
			 .box5 .main .right .right-top a{
			 	display:inline-block;
			 	
			 }
			 .box5 .main .right .right-top .a1{
			 	margin-top:10px;
			 	border-bottom:3px solid #b3b3b3;
			 }
			 .box5 .main .right .right-top .a2{
			 	margin-top:10px;}
			 	.box5 .main .right .right-top .a3{
			 	margin-top:11px;}
			 .box5 .main .right .right-bottom{
			 	width:242px;
			 	height:286px;
			    overflow:hidden;
			    margin-top:32px;
			 }
			 .box5 .main .right .right-bottom ul li{
			 	width:242px;
			 }
			 .box5 .main .right .right-bottom ul li span{
			 	display:block;
			 	float:right;
			 	}
			 .box5 .main .right .right-bottom-top{
			 	width:242px;
			 	height:38px;
			 	
			 	border-bottom:1px solid #cccecd;
			 	}
			 	
			 	.box5 .main .right .right-bottom-top a{
			 		text-decoration:none;
			 		color:#868583;
			 		}
			 .box5 .main .right .right-bottom h2{
			 	font-weight:normal;
			 	line-height:38px;
			 	}
			 .box5 .main .right .right-bottom .input1,.input2{
			 	display:block;
			 	width:216px;
			 	height:26px;
			 	border:1px solid #cccecd;
			 }
			 .box5 .main .right .right-bottom .input1{
			 	margin-top:32px;
			 	}
			 	.box5 .main .right .right-bottom .input2{
			 	margin-top:4px;
			 	}
			 	.box5 .main .right .right-bottom .input3{
			 	margin-top:4px;
			 	width:77px;
			 	height:21px;
			 	border:2px solid #cccecd;
			 	text-align:center;                         
			 	}
			 	.box5 .main .right .right-bottom b a{
			 		text-decoration:none;
			 		color:#323433;
			 		display:block;
			 		float:right;
			 		margin-right:50px;
			 		margin-top:10px;
			 		font-weight:normal;
			 		font-size:12px;
			 	}
			.box6{
				width:100%;
				height:24px;
				background:#ebebea;
				/*border-top:5px solid #ff9c01;*/
				overflow:hidden;
				position:relative;
			}
			.box6 .main{
				width:58px;
				height:12px;
				margin:0 auto;
				
			}
			.box6 img{
				position: relative;
				top: -10px;
			}
			.box6 a .blank{
				width:100%;
				height:196px;
				position:absolute;
				left:0;
				right:0;
				bottom:0;
				display:none;
			}
			.box6 a:hover .blank{
				background:#ffffff;
				display:block;
			}
			.box7{
				width:100%;
				height:42px;
				background:#d4d4d4;
			}
			.box7 ul{
				width:1004px;
				height:42px;
				margin:0 auto;
				background:#d4d4d4;
			}
			.box7 li{
				/*width:*/
				list-style:none;
				float:left;
				text-align:center;
				line-height:42px;
				margin-left:110px;
				}
			.box7 li a{
				text-decoration:none;
			  color:#000000;
			}
			.box7 li a:hover{
				text-decoration:underline;
			}
			.box8{
				width:100%;
				height:141px;
				background:#302728;
			}
			.box8 .main{
				width:1004px;
				height:141px;
				margin:0 auto;
				background:#302728;
				overflow:hidden;
			}
			.box8 ul{
				margin:0 auto;
			}
			.box8 li{
				list-style:none;
				float:left;
				/*text-align:center;*/
				line-height:42px;
				margin-left:20px;
				position:relative;
				}
				.box8 li a{
				text-decoration:none;
			  color:#fefefe;}
			  .box8 .main span{
			  	font-weight:normal;
			  	display:block;
			  	line-height:30px;
			  	margin-left: 295px;
			  	color:#95918e;
			  }
			  .box8 p{
			   line-height:30px;
			  	margin-left: 240px;
			  	color:#95918e;
			  }
			  .box8 p a{
			  	text-decoration:none;
			  color:#95918e;
			  }
			  .box8 a:hover{
			  	text-decoration:underline;
			  }
		</style>
	</head>
	<body>
		<!--<div class="all">-->
			<div class="box1">
				<div class="header">
					<ul>
						<li><a href="">在校学生</a></li>
						<li><a href="">教职员工</a></li>
						<li><a href="">校友</a></li>
						<li><a href="">未来学生</a></li>
						<li><a href="">未来教职工</a></li>
					</ul>
					<p>
						<span><a href="">繁体中文</a></span>
						<span><a href="">怀念旧版</a></span>
						<span><a href="">English</a></span>
						<input type="text" value="请输入关键词"/>
                      <img src="image/jqxy.jpg"  />
					</p>
				</div>
			</div>
			<!--box1 over!-->	
	    <div class="box2">
	    	<div class="main">
	    		<div class="pic1">
	    		<a href=""><img src="image/jqxy2.jpg" alt="" /></a>
	    	</div>
	    	<div class="pic2">
	    		<img src="image/jqxy.png" alt="" />
	    	</div>
	    	</div>
	    </div>
	    <!--box2 over!-->	
			<div class="box3">
                 <ul>
					<li>
						<a href=""><i>剑桥概览</i><span>剑桥概览</span></a>
					    <div class="menu1">
					    	<div class="zimenu1">123</div>
					    	<div class="zimenu2">456</div>
					    </div>
					</li>
					<li><a href=""><i>机构设置</i><span>机构设置</span></a>
						 <div class="menu2">
						 	<div class="zimenu3"></div>
					    	<div class="zimenu4"></div>
						 </div>
					</li>
					<li><a href=""><i>剑桥概览</i><span>剑桥概览</span></a>
						<div class="menu3">
							<div class="zimenu5"></div>
					    	<div class="zimenu6"></div>
						</div>
					</li>
					<li><a href=""><i>剑桥概览</i><span>剑桥概览</span></a>
						<div class="menu4">
							<div class="zimenu7"></div>
					    	<div class="zimenu8"></div>
						</div>
					</li>
					<li><a href=""><i>剑桥概览</i><span>剑桥概览</span></a>
						<div class="menu5">
							<div class="zimenu9"></div>
					    	<div class="zimenu10"></div>
						</div>
					</li>
					<li><a href=""><i>剑桥概览</i><span>剑桥概览</span></a>
						<div class="menu6">
							<div class="zimenu11"></div>
					    	<div class="zimenu12"></div>
						</div>
					</li>
					<li><a href=""><i>剑桥概览</i><span>剑桥概览</span></a>
						<div class="menu7">
							<div class="zimenu13"></div>
					    	<div class="zimenu14"></div>
						</div>
					</li>
					<li><a href="">剑桥概</a></li>
					<li><a href="">剑桥概</a></li>
					<li><a href=""><i>剑桥概览</i><span>剑桥概览</span></a>
						<div class="menu8">
							<div class="zimenu15"></div>
					    	<div class="zimenu16"></div>
						</div>
					</li>
				</ul>
			</div>
			<!--box3 over-->
			<div class="box4">
				<div class="main">
					<img src="image/jqxyimg1.jpg" alt="" />
				</div>
			</div>
			<div class="box5">
				<div class="main">
					 <div class="left">
					 	<div class="top">
					 		<h2>图片</h2>
					 		<img src="image/jqxy2_03.jpg" alt="" />
					 	<p>商学院第三届建筑模型制作大赛决...</p>
					 	</div>
					 	<div class="bottom">
					 		<h2>讲座报告</h2>
					 		<ul>
					 			<li>本科生毕业典礼暨学位授予仪式( 6月2...</li>
					 			<li>专科生毕业典礼(6月18日,体育馆)</li>
					 			<li>“记忆留夏， 定格康桥”摄影大赛</li>
					 			<li>[高雅艺术]“相约经典”大学生公益票..</li>
					 			<li>关于开展“我心中的好老师”系列活动...</li>
					 			<li>艺术设计学院展厅开放告示</li>
					 		</ul>
					 	</div>
					 </div>
				     <div class="center">
				     	<div class="top">
				     		<h2>院部动态</h2>
				     	  <div class="top1">
				     		 <div class="tp1">
				     			<b>19</b>
				     			<br />
				     			<br />
				     			<p>2015-09</p>
				     		 </div>
				     		 <dl>
				     		 	<dt>我校举行开学典礼暨临港新校区落成启用仪...</dt>
				     		 	<dd>9月18日下午,我校举行2015秋季开学典礼暨临港新校区落成启</dd>
				     		 	<dd>用仪式。中共上海市教育卫生工作委员会巡视员李...</dd>
				     		 </dl>
                            </div>
				     		<div class="top2">
				     			<div class="tp2">
				     				<b>19</b>
				     				<br />
				     			<br />
				     			<p>2015-09</p>
                                </div>
                               <dl>
				     		 	<dt>潘迎捷校长为全体2015级新生上第一节课</dt>
				     		 	<dd>9月18日下午，校长潘迎捷在校体育馆以“点燃青春激情，成就人</dd>
				     		 	<dd>生梦想”为主题,为全体2015级新生上开学第一...</dd>
				     		   </dl>  
				     		</div>
				     	</div>
					 	<div class="bottom">
					 		<h2>院部动态</h2>
					 		<ul>
					 			<li>关于印发2015年新设班级名称的通知( 6月2...<span>09-18</span></li>
					 			<li>关于印发《上海建桥学院2015年度秋季学期工作要点》的通知<span>09-18</span></li>
					 			<li>关于印发校领导班子成员工作分工的通知<span>09-17</span></li>
					 			<li>关于查晓敏等同志职务任免的通知<span>09-17</span></li>
					 			<li>关于谭湘蓉等同志职务任免的通知<span>09-17</span></li>
					 		</ul>
					 	</div>
				     </div>
				     <div class="right">
				      <div class="right-top">
				      	<a href=""class="a1"><img src="image/jqxy5_03.jpg"  /></a>
				      	<a href=""class="a2"><img src="image/jqxy3_03.jpg" /></a>
				      	<a href=""class="a3"><img src="image/jqxy4_03.jpg"  /></a>
				      </div>
				      <div class="right-bottom">
				          <div class="right-bottom-top">
				     	 	<h2>
				     <span><a href="">信息门户</a></span>&nbsp;&nbsp;<span><a href="">剑桥邮箱</a></span>
				     
				      	</h2>
				          </div>
				          <input type="text" class="input1" value="用户名"/>
				          <input type="password" class="input2" value="***"/>
				          <input type="buttom" class="input3" value="登陆"/>   <b><a href="">忘记密码？</a></b>
				      </div>
				    </div>
				</div>
			</div>
			<div class="box6">
				<div class="main">
					<a href=""><img src="image/jqxy1.jpg" alt="" />
					<div class="blank"></div>
					</a>
					<!--如何做到点击出现下方隐藏的窗口，下方的隐藏窗口高度怎么变低了<a href=""></a>-->
				</div>
			</div>
			<!--box6 over-->
			<div class="box7">
				<ul>
					<li><a href="">友情链接</a></li>
					<li><a href="">合作院校</a></li>
					<li><a href="">产学合作单位</a></li>
					<li><a href="">相关链接</a></li>
					<li><a href="">实用链接</a></li>
				</ul>
			</div>
			<!--box7 over-->
			<div class="box8">
			     <div class="main">
			      <ul>
					<li><a href="">教育部</a></li>
					<li><a href="">上海市教育委员会</a></li>
					<li><a href="">上海剑桥（集团）有限公司</a></li>
					<li><a href="">西南片高校联合办学</a></li>
					<li><a href="">应用技术大学（学院）联盟</a></li>
					<li><a href="">非盈利性民办高校联盟</a></li>
				 </ul>
				 <!--<hr />-->
				 <span>&nbsp;&nbsp;学校地址: 上海市浦东新区沪城环路1111号邮编: 201306</span>
     <p>电话:021-58137788 (总机) ; 58137880 (招生办公室)<a href="">沪ICP备05052066号</a></p>
			     </div>
			</div>
		</div>
		<!--box8 over-->
	</body>
</html>
